/*
 * DreamTime.
 * Copyright (C) DreamNet. All rights reserved.
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License 3.0 as published by
 * the Free Software Foundation. See <https://www.gnu.org/licenses/gpl-3.0.html>
 * 
 * Written by Ivan Bravo Bravo <ivan@dreamnet.tech>, 2019.
 */

.swal-content {
  font-size: 16px;

  p {
    @apply mb-2;
  }

  a {
    @apply text-primary-500 underline;
  }
}

.swal2-html-container {
  details {
    @apply mt-6;

    summary {
      @apply mb-2 text-sm font-bold cursor-pointer outline-none;
    }
  }

  pre {
    @apply text-xs overflow-auto bg-black p-2;
    max-height: 100px;
  }
}

.swal2-container.swal2-backdrop-show {
  backdrop-filter: blur(6px);
  transition: all 0.1s;
}

.swal2-footer {
  code {
    @apply text-sm text-center;
  }
}

.swal2-popup {
  @apply bg-dark-600 border border-dark-100 border-solid shadow-lg;
}

.vue-slider {
  @apply w-full #{!important};
}

.vue-slider-process {
  @apply bg-primary-500 #{!important};
}

.introjs-tooltip {
  @apply bg-dark-500-90 #{!important};
  min-width: 350px !important;
  max-width: 400px !important;
}

.introjs-arrow {
  //@apply bg-dark-500-90 #{!important};
}

.introjs-helperLayer {
  background-color: transparent !important;
}

.introjs-overlay {
  backdrop-filter: blur(10px);
}